<!--
 * @Author: wjk
 * @Date: 2020-06-11 15:47:39
 * @LastEditors: wjk
 * @LastEditTime: 2020-06-16 20:12:06
 * @description: file content
-->
<template>
  <view class="appdown-container" :class="{'old': !isFirstLogin}">
    <view class="bg-container" :style="styleBg">
      <b-image :is-asset="true" :need-clip="false" src="/static/images/appdown/reg_bg.png" />
    </view>
    <view class="line p-relative"></view>
    <view class="down-subtitle p-relative">碧选直播app</view>

    <view class="down-app p-relative">
      <view class="o-li">
        <a href="https://itunes.apple.com/cn/app/id1503301809"><b-image width="416" height="90" :is-asset="true" :need-clip="false" src="/static/images/appdown/down_iphone.png" /></a>
      </view>
      <view class="o-li">
        <a href="https://sj.qq.com/myapp/detail.htm?apkName=com.bsnl.BSLiveStreaming"><b-image width="416" height="90" :is-asset="true" :need-clip="false" src="/static/images/appdown/down_and.png" /></a>
      </view>
    </view>
  </view>
</template>
<script>

import './index.scss'
export default {
  data() {
    return {
      showOpenBrowserMenu: true,
      isFirstLogin: false,
      styleBg: ''
    }
  },
  onLoad(options) {
    this.isFirstLogin = options.from === 'login' && options.isfirst === '1'
    const res = uni.getSystemInfoSync()
    const height = res.windowHeight + 120 / 750 * res.windowWidth
    this.styleBg = `width: ${height * 750 / 1337}px; height: ${height}px`
  }
}
</script>
